import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const ExtensionSvg = () => (
  <svg
    width="16"
    height="16"
    viewBox="0 0 16 16"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M10 7H14C14.5523 7 15 7.44772 15 8V14C15 14.5523 14.5523 15 14 15H10V7Z" />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M2 1C1.44772 1 1 1.44772 1 2V14C1 14.5523 1.44772 15 2 15H9V2C9 1.44772 8.55228 1 8 1H2ZM7 11H3V13H7V11Z"
    />
    <path
      d="M11 3C13 3 14 4.4 14 6"
      stroke="currentColor"
      strokeWidth="1.2"
      strokeLinejoin="round"
    />
  </svg>
);

const ExtensionIcon = (props: Partial<CustomIconComponentProps>) => {
  return <Icon component={ExtensionSvg} {...props} />;
};

export default ExtensionIcon;
